*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#050505;--txt:#e0e0e0;--acc:#0f0;--err:#f0f;--grid:rgba(0,255,0,0.08);--font:'Share Tech Mono',monospace}body{background-color:var(--bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:40px 40px;background-position:center center;color:var(--txt);font-family:var(--font);height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}body::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(18,16,16,0) 50%,rgba(0,0,0,0.25) 50%),linear-gradient(90deg,rgba(255,0,0,0.06),rgba(0,255,0,0.02),rgba(0,0,255,0.06));background-size:100% 2px,3px 100%;z-index:10;pointer-events:none}.container{position:relative;z-index:20;text-align:center;max-width:800px;padding:2rem;width:100%}.logo{width:80px;height:auto;margin-bottom:1.5rem;filter:grayscale(100%) contrast(1.2) drop-shadow(0 0 5px var(--acc));animation:flicker 3s infinite}h1{font-size:clamp(2rem,6vw,4.5rem);line-height:1.1;color:#fff;position:relative;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:-2px;text-shadow:2px 0 var(--err),-2px 0 var(--acc)}h1::before,h1::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg)}h1::before{left:2px;text-shadow:-1px 0 var(--err);clip-path:inset(24% 0 29% 0);animation:glitch-anim-2 2.3s infinite linear alternate-reverse}h1::after{left:-2px;text-shadow:-1px 0 var(--acc);clip-path:inset(85% 0 13% 0);animation:glitch-anim 2s infinite linear alternate-reverse}p{font-size:clamp(1rem,2vw,1.25rem);line-height:1.5;margin-bottom:2.5rem;color:rgba(255,255,255,0.8);max-width:600px;margin-left:auto;margin-right:auto;border-left:2px solid var(--acc);padding-left:1rem;text-align:left}.btn{display:inline-block;padding:1rem 2.5rem;font-size:1.25rem;font-weight:700;text-decoration:none;color:var(--bg);background:var(--acc);border:2px solid var(--acc);text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;transition:.2s}.btn:hover{background:transparent;color:var(--acc);box-shadow:0 0 20px var(--acc);text-shadow:0 0 5px var(--acc)}.btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);transition:.5s}.btn:hover::before{left:100%}@keyframes flicker{0%,19.999%,22%,62.999%,64%,64.999%,70%,100%{opacity:.99}20%,21.999%,63%,63.999%,65%,69.999%{opacity:.4}}@keyframes glitch-anim{0%{clip-path:inset(87% 0 4% 0)}20%{clip-path:inset(10% 0 85% 0)}40%{clip-path:inset(45% 0 20% 0)}60%{clip-path:inset(10% 0 49% 0)}80%{clip-path:inset(90% 0 2% 0)}100%{clip-path:inset(3% 0 35% 0)}}@keyframes glitch-anim-2{0%{clip-path:inset(12% 0 54% 0)}20%{clip-path:inset(78% 0 5% 0)}40%{clip-path:inset(23% 0 34% 0)}60%{clip-path:inset(67% 0 12% 0)}80%{clip-path:inset(8% 0 86% 0)}100%{clip-path:inset(45% 0 16% 0)}}@media(max-width:600px){.container{padding:1rem}p{margin-bottom:2rem}.logo{width:60px}}@media(max-height:600px){.container{padding:1rem}.logo{width:50px;margin-bottom:1rem}h1{margin-bottom:1rem}p{margin-bottom:1.5rem}}